<template>
  <div class="component need-footer">
    <app-header title="媒体舆情监控" :needBack="true"></app-header>
    <ul class="option-list">
      <router-link :to="{ name: 'MediaPublicSentimentControlList', query: { type: item.type }}" class="option-item" v-for="(item, index) in options" :key="index">
        {{item.name}}
      </router-link>
    </ul>
    <app-footer :active="2"></app-footer>
  </div>
</template>
<script>
import AppHeader from '@/components/common/AppHeader'
import AppFooter from '@/components/common/AppFooter'
const options = [
  { id: 1, name: '全部', type: '', },
  { id: 2, name: '乘用车', type: '', },
  { id: 3, name: '商用车', type: '', },
  { id: 4, name: '云轨', type: '', },
  { id: 5, name: '电子', type: '', },
  { id: 6, name: '电池', type: '', },
]
export default {
  name: "",
  data() {
    let data = {}
    data.options = options
    return data
  },
  created() {
    this.options.map(item => {
      item.type = encodeURI(item.name)
    })
  },
  components: {
    AppHeader,
    AppFooter
  }
}
</script>
<style lang="less" scoped>
  @import '../../assets/less/default.less';
</style>
